<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>顶端导航</title>
    <!--<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" type="text/css" />-->
    <!--<link rel="stylesheet" th:href="@{/css/milligram.min.css}" type="text/css" />-->
    <!--<link rel="stylesheet" th:href="@{/css/fonts.style.css}" type="text/css" />-->
    <!--<link rel="stylesheet" th:href="@{/css/style.css}" type="text/css" />-->
    <link rel="stylesheet" href="../../static/css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="../../static/css/milligram.min.css" type="text/css" />
    <link rel="stylesheet" href="../../static/css/fonts.style.css" type="text/css" />
    <link rel="stylesheet" href="../../static/css/style.css" type="text/css" />


    <!--<script th:src="@{/js/jquery-3.4.1.js}"></script>-->
    <!--<script th:src="@{/js/bootstrap.min.js}"></script>-->
    <!--<script th:src="@{/js/jQueryCode.js}"></script>-->
    <script src="../../static/js/jquery-3.4.1.js"></script>
    <script src="../../static/js/jQueryCode.js"></script>
    <script src="../../static/js/bootstrap.min.js"></script>
</head>
<body>
<div id="top-nav" class="top-nav">
    <div class="container main-nav-bar">
        <!--logo start-->
        <div class="logo">
            <a href="#"><img src="../../static/img/logo.png"></a>
        </div>
        <!--logo end-->
        <!--菜单 start-->
        <div class="navs">
            <!--主菜单列表-->
            <ul id="myNav">
                <!--首页-->
                <li class="active cur">
                    <a href="../index.html">
                        <div class="icon-home3"></div>
                        <span>首页</span>
                    </a>
                </li>
                <!--预约挂号-->
                <li>
                    <a href="../index.html">
                        <div class="icon-file-text"></div>
                        <span>预约挂号</span>
                    </a>
                </li>
                <!--&lt;!&ndash;医疗&ndash;&gt;-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div class="icon-add-outline"></div>-->
                        <!--<span>医疗</span>-->
                    <!--</a>-->
                <!--</li>-->
                <!--社区-->
                <li>
                    <a href="#">
                        <div class="icon-office"></div>
                        <span>社区</span>
                    </a>
                </li>
                <!--个人中心-->
                <li>
                    <a href="#">
                        <div class="icon-user-solid-square"></div>
                        <span>个人中心</span>
                    </a>
                </li>
            </ul>

            <!--选项卡-->
            <div class="nav-cur">
                <img src="../../static/img/nav_cur.png" />
            </div>

            <!--子菜单列表-->
            <div class="sub-nav-bar">

                <!--预约挂号 子菜单-->
                <div class="sub-nav">
                    <span></span>
                </div>
                <!--医疗 子菜单-->
                <!--<div class="sub-nav">-->
                    <!--<span></span>-->
                    <!--<div>-->
                        <!--<dl>-->
                            <!--<i></i>-->
                            <!--<dt><a href="#">1</a></dt>-->
                            <!--<dd><a href="#">1.1</a></dd>-->
                        <!--</dl>-->
                        <!--<dl>-->
                            <!--<i></i>-->
                            <!--<dt><a href="#">2</a></dt>-->
                            <!--<dd><a href="#">2.1</a></dd>-->
                            <!--<dd><a href="#">2.2</a></dd>-->
                            <!--<dd><a href="#">2.3</a></dd>-->
                        <!--</dl>-->
                    <!--</div>-->
                <!--</div>-->
                <!--社区 子菜单-->
                <div class="sub-nav">
                    <span></span>
                    <div>
                        <dl>
                            <i></i>
                            <dt><a href="#">文章</a></dt>
                            <dd><a href="#">发表文章</a></dd>
                            <dd><a href="#">查找文章</a></dd>
                        </dl>
                        <dl>
                            <i></i>
                            <dt><a href="#">帖子</a></dt>
                            <dd><a href="#">浏览帖子</a></dd>
                        </dl>
                    </div>
                </div>
                <!--个人中心 子菜单-->
                <div class="sub-nav">
                    <span></span>
                    <div class="hide">
                        <dl>
                            <i></i>
                            <dt><a href="#">欢迎登录</a></dt>
                            <dd><a href="#">15768085120</a></dd>
                        </dl>
                        <dl>
                            <i></i>
                            <dt><a href="#"><span class="icon-exit"></span>退出</a></dt>
                        </dl>
                    </div>
                    <div>
                        <dl>
                            <i></i>
                            <dt><a href="#"><span class="icon-enter"></span>登录</a></dt>
                            <dt><a href="#"><span class="icon-user-plus"></span>注册</a></dt>
                        </dl>
                    </div>

                </div>


            </div>
        </div>
        <!--菜单 end-->

    </div>
</div>
</body>
</html>